<template>
	<view>
		
		<view class="width">
			<view @click="a">1</view>
			<view @click="b">2</view>
			<view @click="c">3</view>
			<view @click="d">4</view>
			<view v-show="a" @click="e">5</view>
			<view @click="f">6</view>
		</view>
		
	</view>

</template>

<script>
	export default {
		data() {
			return {
				list: [1,2,3,4,5],
				text:[],
				texts:''
			}
		},
		methods:{
			a(){
				uni.navigateTo({
				    url: '/pages/Tenant/MyCost'
				});
			},
			b:function(){
				uni.navigateTo({
				    url: '/pages/Tenant/MyContract'
				});
			},
			c:function(){
				uni.navigateTo({
				    url: '/pages/Tenant/MySmallMoney'
				});
			},
			d:function(){
				uni.navigateTo({
				    url: '/pages/Tenant/MyAppointment'
				});
			},
			e:function(){
				uni.navigateTo({
				    url: '/pages/Tenant/MyCollection'
				});
			},
			f:function(){
				uni.navigateTo({
				    url: '/pages/index/index'
				});
			}
		}
	}
</script>

<style>
	.width{
		display: flex;
		justify-content: space-around;
		margin-top: 140upx;
	
	}
	.width view {
		width: 30upx;
		height: 40upx;
		background-color: #333333;
		
	}
</style>
